<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>部落 - 漫画</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <!-- Bootstrap -->
    <link href="static/css/pc/minCss/bootstrap.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="static/css/pc/minCss/all.min.css" />
    <link rel="stylesheet" href="static/css/pc/destVersion1.1/tribe-show.css" />

    <!--[if lt IE 9]>
    <script src="static/js/pc/dest/html5shiv.min.js"></script>
    <script src="static/js/pc/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div id="tribe-cartoon" >
    <div id="header" style="height: 50px;  "></div>
    <div class="container">
        <span class="pull-right mt25 mr15 cur">编辑背景</span>
        <div class="cartoon-header">
            <div class="tribe-icon">
                <img src="static/images/pc/logo_bg.png" alt="" class="img-thumbnail">
                <a class="tribe-edit-icon" title="编辑图标"></a>
            </div>
            <div class="tools-bar">
                <li class="btn-yellow-40">+ 加入部落</li>
                <li>赞</li>
                <li class="badge">100</li>
                <li>vip</li>
            </div>
            <div class="tribe-info">
                <span>孙悟空</span>
                <span>高中的时候上课无聊和同桌聊天，他慷慨激昂的给我讲述着他好几年前和小伙伴去偷别人家的废铁，然后卖钱买冰棍的故事，我才发现原来我姥姥家后院丢的废铁都是他偷的。</span>
                <div>酋长 : <span class="cur">隔壁老王</span></div>
            </div>
            <div class="tribe-honor">
                <li><span>粉丝:</span><span>100</span></li>
                <li><span>赞&emsp;: </span><span>1000</span></li>
                <li><span>诞生: </span><span>200</span></li>
            </div>
            <h1 class="tribe-bias"><span class="tribe-arrow"></span></h1>
            <span class="tribe-start">★</span>
        </div>
        <div class="cartoon-content">
            <div class="content-nav">
                <li>人物造型</li>
                <li class="selected-yellow">漫画</li>
                <li>视频</li>
                <li>剧集</li>
                <button type="button" class="btn-yellow-40">上传作品</button>
                <li class="exit">编辑</li>

            </div>
            <ul class="cartoon-content-list">
                <li class="cartoon-deatil" >
                    <img src="/static/images/pc/version1.1/test/01.jpg" alt=""><span
                        class="cartoon-del"></span></li>
                <li class="cartoon-deatil"><img src="/static/images/pc/version1.1/test/02.jpg" alt=""><span
                        class="cartoon-del"></span></li>
                <li class="cartoon-deatil"><img src="/static/images/pc/version1.1/test/03.jpg" alt=""><span
                        class="cartoon-del"></span></li>
                <li class="cartoon-deatil"><img src="/static/images/pc/version1.1/test/04.jpg" alt=""><span
                        class="cartoon-del"></span></li>
                <li class="cartoon-deatil"><img src="/static/images/pc/version1.1/test/05.jpg" alt=""><span
                        class="cartoon-del"></span></li>
                <li class="cartoon-deatil"><img src="/static/images/pc/version1.1/test/06.jpg" alt=""><span
                        class="cartoon-del"></span></li>
                <li class="cartoon-deatil"><img src="/static/images/pc/version1.1/test/07.jpg" alt=""><span
                        class="cartoon-del"></span></li>
                <li class="cartoon-deatil"><img src="/static/images/pc/version1.1/test/08.jpg" alt=""><span
                        class="cartoon-del"></span></li>
            </ul>
            <div id="page"></div>
        </div>
        <div class="tribe-progress">

        </div>
        <div class="tribe-comments">
            <!--  发表评论  -->
            <div class="zcbl-comments">
                <div data-demdet="addcomment">
                    <p>评论（<span>35</span>）</p>
                    <div data-demdet="texeareabox">
                        <textarea name="demdet_addcomment"></textarea>
                        <span>0/140</span>
                    </div>
                    <div data-demdet="btn">
                        <button data-btn="orbgbtn" id="demdet_publish">发布</button>
                    </div>
                </div>
                <!--  评论列表  -->
                <div data-demdet="commentContent">
                    <div data-demdet="content">
                        <div data-demdet="contentLeft">
                            <img src="static/images/pc/demand/1.jpg" alt="">
                        </div>
                        <div data-demdet="contentRight">
                            <ul>
                                <li data-demdet="conhead"><h2 data-demdet="username">ABC</h2> <p>2016.5.13 13:00</p></li>
                                <li data-demdet="conbody">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容</li>
                                <li data-demdet="confoot"><a href="#" data-demdet="answerbtn"><b></b>回复</a>|<button data-demdet="answerdel">删除</button></li>
                            </ul>
                        </div>

                    </div>
                    <div data-demdet="content">
                        <div data-demdet="contentLeft">
                            <img src="static/images/pc/demand/1.jpg" alt="">
                        </div>
                        <div data-demdet="contentRight">
                            <ul>
                                <li data-demdet="conhead"><h2 data-demdet="username">用户名用户名</h2> <div data-demdet="answer">回复:@<span>大小姐</span></div><p>2016.5.13 7:31</p></li>
                                <li data-demdet="conbody">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容@ABC</li>
                                <li data-demdet="confoot"><a href="#" data-demdet="answerbtn"><b></b>回复</a>|<button  data-demdet="answerdel">删除</button></li>
                            </ul>
                        </div>
                    </div>
                    <div data-demdet="content">
                        <div data-demdet="contentLeft">
                            <img src="static/images/pc/demand/1.jpg" alt="">
                        </div>
                        <div data-demdet="contentRight">
                            <ul>
                                <li data-demdet="conhead"><h2 data-demdet="username">大小姐</h2><p>2016.5.13 7:31</p></li>
                                <li data-demdet="conbody">评论内容评论内容评论内容评论内容评论内容评论内容评论内容评论内容</li>
                                <li data-demdet="confoot"><a href="#" data-demdet="answerbtn"><b></b>回复</a>|<button data-demdet="answerdel">删除</button></li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
            <!--评论分页-->
            <div class="zcbl-page">
                <ul>
                    <li class="zcbl-thisPage">1</li>
                    <li class="zcbl-defaultPage"><a href="#" target="_blank">2</a></li>
                    <li class="zcbl-defaultPage"><a href="#" target="_blank">3</a></li>
                    <li class="zcbl-defaultPage"><a href="#" target="_blank">4</a></li>
                    <li class="zcbl-defaultPage"><a href="#" target="_blank">…</a></li>
                    <li class="zcbl-defaultPage"><a href="#" target="_blank">7</a></li>
                    <li class="zcbl-nextPage"><a href="#" target="_blank">&nbsp;</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
    <!-- 图片  -->
    <div data-demand-works="modalbox" class="modal fade" style="display: none " id="demand_chooseworks-img">
        <div data-demand-works="modal">
            <div data-demand-works="modalbody">
                <div data-demand-works="modalimg">
                    <img src="static/images/pc/demand/1.jpg" alt="" />
                </div>

            </div>
        </div>

    </div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="static/js/pc/dest/jquery-1.11.3.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="static/js/pc/dest/bootstrap.min.js"></script>
<script src="static/js/pc/jquery.form-master/jquery.form.js"></script>
<script src="static/js/pc/dest/all.min.js"></script>
<script>
    $('body').delegate(".cartoon-deatil", "click", function (event) {
        var url=$(this).children('img').attr('src');
        $('#demand_chooseworks-img').modal();
        $('[data-demand-works="modalimg"]').children('img').attr('src',url);
    });
</script>
</body>
</html>